<template>
  <div>
    <Head />
    <div class="content">
      <el-container>
        <LeftMenu />
        <div class="main">
          <keep-alive>
            <router-view />
          </keep-alive>
        </div>
      </el-container>
    </div>
    <!-- <foot /> -->
  </div>
</template>

<script>
  import Head from '@/components/header/Header.vue'
  import LeftMenu from '@/components/leftMenu/LeftMenu.vue'
  
  export default {
    name: 'Home',
    components: {
      Head,
      LeftMenu
    },
    created() {
      // if(!localStorage.getItem('token')) {
      //   this.$router.replace('/login')
      // }
    },
    data() {
      return {
        cachePage: ['GoodsList']
      }
    }
  }
</script>

<style lang="scss" scoped>
  .content {
    margin-top: 20px;
  }
  
  .main {
    flex: 1;
    padding: 0 20px 20px 20px;
  }
</style>
